<template>
    <div id="workrate">
        <top-tabbar title="水话务接通"/>
        <div class="statistics" style="opacity: 0">客户满意度评价统计</div>
        <!--border边框背景-->
        <div class="workcategroy_bg_border_box">
            <img class="workcategroy_bg_border" src="~assets/img/workcategory/workcategroy_bg_border.png" alt="">
        </div>

        <!--<div style="position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);white-space: nowrap;">-->
        <div style="white-space: nowrap;">
            <pj-statistics title="评价统计"></pj-statistics>
        </div>
    </div>
</template>

<script>
    // all
    import topTabbar from 'components/common/topTabbar/topTabbar'
    import heightChart from 'components/content/heightChart/heightChart'
    import lowChart from 'components/content/lowChart/lowChart'
    import pjStatistics from 'views/workRate/pjStatistics/pjStatistics'
    export default {
        name: "workrate",
        components: {
            topTabbar,
            heightChart,
            lowChart,

            pjStatistics,

            nowDate: '', // 当前日期
            week: '', // 星期几
        },
        mounted() {

        }
    }
</script>

<style scoped>
    #workrate {
        width: 100%;
        height: 1080px;
        background: url("../../assets/img/workcategory/workcategory_bg.png");
        background-size: 100%;
        overflow: hidden;
    }

    .statistics {
        text-align: center;
        font-size: 28px;
        color: var(--color-high-text);
        margin-top: -60px;
        letter-spacing: 8px
    }

    .workcategroy_bg_border_box {
        position: absolute;
        top: 20px;
        right: 20px;
        left: 20px;
        bottom: 20px;
    }

    .workcategroy_bg_border_box img {
        width: 100%;
        height: 100%;
    }


</style>
